<template>
  <div class="demo">
    <h3 >学生名称：{{name}}</h3>
    <h3>性别：{{sex}}</h3>
    
  </div>
</template>

<script>
    export default {
        name:'Student',
        data(){
            return {
                name:'zhangsan',
                sex:'女',
            }
        },
    }
</script>
// scoped 作用域样式，只作用于当前组件
<style scoped lang="css">
    .demo{
        background-color: orange;
    }
</style>